<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>我要找家教</title>
</head>

<link rel="stylesheet" href="../static/css/reset.css" />
<link rel="stylesheet" href="../static/css/index.css" />
<!--[if lte IE 8]>
<link rel="stylesheet" href="../css/ie.css"/>
<![endif]-->



<script src="../static/js/jquery-1.8.3.min.js"></script>
<script src="../static/js/jquery.animate-colors.js"></script>
<!--<script src="js/jquery.transit.js"></script>-->


<body>

<div class="header">
    <div class="navber">
        <a class="logo" href=""><img src="../static/img/logo.png" /></a>
        <div class="nav">
            <a href="index.html">首页<i></i></a>
            <a href="../static/curriculum.html">精品课程<i></i></a>
            <a href="../static/teacher.html">教师团队<i></i></a>
            <a class="itop" href="tutor.html">我要找家教<i></i></a>
            <a href="../static/about.html">关于图宇<i></i></a>
            <a href="../static/join.html">加入我们<i></i></a>
        </div>
        <a class="zixun" href="">在线咨询</a>
    </div>
</div>

<div class="tutor">
    <div class="tutor-banner">
        <div class="tutor-banner-text">
            <div><img src="../static/img/tutor-road.png" alt="" /></div>
        </div>
    </div>
    <form class="tutor-form" method="" action="javascript:;">
        <div class="tutor-info">
            <div class="tutor-div">
                <label for="">称呼</label>
                <input type="text" name="" placeholder="李小姐" />
            </div>
            <div class="tutor-div">
                <label for="">手机</label>
                <input type="text" name="" placeholder="15088888888" />
            </div>
            <div class="tutor-div">
                <label for="">所在地</label>
                <input type="text" name="" placeholder="广州天河" />
            </div>
            <div class="tutor-div">
                <label for="">孩子年级</label>
                <input type="text" name="" placeholder="初三" />
            </div>
            <div class="tutor-div">
                <label for="">意向科目</label>
                <input type="text" name="" placeholder="化学" />
            </div>
            <div class="tutor-div">
                <label for="">性格</label>
                <input type="text" name="" placeholder="比较内向" />
            </div>
        </div>
        <div class="tutor-submit">
            <input type="submit" name="" value="提交" />
            <a href="javascript:;">一键即刻预约</a>
        </div>
    </form>
</div>


<div class="footer">
    <div class="foos">
        <p>Copyright © 2015 广州市图宇教育有限公司 粤ICP备88888888号-1   Design：Laic</p>
    </div>
</div>

</body>
<script>

/* banner */
$(".tutor-banner-text").animate({ bottom: "96px"},500); 



/* header */
$(".nav a").hover(function(){
    var navIndex = $(this).index();
    $(this).find('i').stop(false,true).animate({ bottom:"0px"},300);

},function(){
    var navIndex = $(this).index();
    if($(this).hasClass("itop")){
        false;
    }else{
        $(this).find('i').stop(false,true).animate({ bottom:"-4px"},300);
    }
    
})



</script>


</html>